<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" href="/css/index.css"/>
	<link rel="stylesheet" href="/layui/css/layui.css"  media="all">
	<script src="/js/main.js"></script>
	<title th:text="${setting.siteName}+'-公告'">易书网</title>
</head>
<body >

<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: header"></div>


<div class="mainbody" style="background: #FFF url(/images/bodybg.png) repeat-x;">
	<div class="container clearfix" style="background-color: white">
		<div class="mainbody_topbg"></div>
		<div class="bread">当前位置：
			<a href="index.html">首页</a> >
			<a href="notice.html">公告</a>
		</div>
		<div class="maincontent fl">

			<div class="post" th:fragment="noticeData"  th:each="notices:${noticeList}">
				<h2><a href="notice-detail.html" th:href="'notice-detail.html?id='+${notices.id}" th:text="${notices.title}">华南地区因暴雨天气部分订单推迟配送</a></h2>
				<div class="postdata">
					<div class="date" th:text="${#dates.format(notices.createTime, 'yyyy-MM-dd')}">六月 30th, 2014</div>
					<div class="cate">发表于 <a href="notice-detail.html" >公告</a> | </div>
					<div class="cate">浏览量: <span th:text="${notices.visit}">98</span>次</div>
				</div>
				<div class="content">
					<p style="text-indent: 2em;" th:text="${notices.summary}">因未来三天云南、贵州、四川、重庆地区有特大暴雨，当当相关区域的配送业务将受影响，故6月27日至6月29日提交的订单，预计于暴雨过后推迟2天配送。如果您订购的商品未能及时送达，千万别着急，暴雨过后，我们一定会快马加鞭，马不停蹄地为您配送!</p>
					<p style="text-align: right;">易书网客服中心<br>
						<span th:text="${#dates.format(notices.createTime, 'yyyy-MM-dd')}">2014年6月27日</span>
					</p>
				</div>
			</div>

			<div class="post">
				<h2><a href="notice-detail.html">华南地区因暴雨天气部分订单推迟配送</a></h2>
				<div class="postdata">
					<div class="date">六月 30th, 2014</div>
					<div class="cate">发表于 <a href="notice-detail.html">公告</a> | </div>
					<div class="cate">浏览量: <span>98</span>次</div>
				</div>
				<div class="content">
					<p>亲爱的易书网会员，您好：</p>
					<p style="text-indent: 2em;">因未来三天云南、贵州、四川、重庆地区有特大暴雨，当当相关区域的配送业务将受影响，故6月27日至6月29日提交的订单，预计于暴雨过后推迟2天配送。如果您订购的商品未能及时送达，千万别着急，暴雨过后，我们一定会快马加鞭，马不停蹄地为您配送!</p>
					<p style="text-indent: 2em;">给亲爱的造成的不便，敬请谅解！祝您生活愉快！</p>
					<p style="text-align: right;">易书网客服中心<br>
						2014年6月27日
					</p>
				</div>
			</div>

			<div id="demo1" style="text-align: center"></div>
		</div>
		<div class="sidebar fr">
			<ul>
				<li>
					<h2>最新公告</h2>
					<ul>
						<li th:each="newNotice:${newNotice}"><a href="notice-detail.html" th:href="'notice-detail.html?id='+${newNotice.id}"  th:text="${newNotice.title}">部分地区订单推迟配送 </a></li>
					</ul>
				</li>
				<li>
					<h2>公告存档</h2>
					<select class="change"  style="width: 130px;margin-top: 10px;">
						<option value="">选择月份</option>
						<option  th:each="ym:${lifePeriod}" th:text="${ym}" th:value="${ym}"> 2010年五月 </option>
					</select>
				</li>
			</ul>
			<div class="custom_ads"></div>
		</div>
		<div class="mainbody_bottombg"></div>
	</div>
</div>

<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: footer"></div>



<script src="/js/jquery-3.4.1.js"></script>
<script src="/layui/layui.js"></script>
<script>
	$("#dataList").click(function () {
		var data = $("#noticeName").val();
		console.log(data)
		location.href="/mall/list.html?noticeName="+data;
		return false;
	})
	var laypage;
	var layer;
	var noticeData={"page":'',"limit":'',"date":''};
	layui.use(['laypage', 'layer'], function() {
		laypage = layui.laypage
		layer = layui.layer;
	})
	$(".change").bind("change", function () {
		console.log($(this).val())
		noticeData.date=$(this).val();
		getAjax(noticeData);
	});
	//数据总数
	var total =5;

	setTimeout(function () {
		getAjax(noticeData);
	},100)
	function getAjax(noticeData) {
		$.get("/notice/getNoticeCount",noticeData,function (res) {
			total = res.data;
			laypage.render({
				elem: 'demo1'
				,limit: 5
				,count:  total //数据总数
				,first: '首页'
				,last: '尾页'
				,jump: function(obj){
					noticeData.page=obj.curr;
					noticeData.limit=obj.limit;
					noticePage(noticeData)
				}
			});
		},"json")
	}

	function noticePage(noticeData) {
		$.get("/notice/getNoticePage",noticeData,function (data) {
			$(".post").html(data);
		});
	}


</script>

</body>
</html>